<!DOCTYPE html /Public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0 ,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<title>结算页面</title>

		<link href="/Public/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css" />

		<link href="/Public/basic/css/demo.css" rel="stylesheet" type="text/css" />
		<link href="/Public/css/cartstyle.css" rel="stylesheet" type="text/css" />

		<link href="/Public/css/jsstyle.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="/Public/js/address.js"></script>
		

	</head>

	<body>

		<!--顶部导航条 -->
		<include file='./Application/Home/View/Share/header.html'/>
			<div class="concent">
				<!--地址 -->
				<div class="paycont">
					<div class="address">
						<h3>确认收货地址 </h3>
						<div class="control">
							<div class="tc-btn createAddr theme-login am-btn am-btn-danger">使用新地址</div>
						</div>
						<div class="clear"></div>
						<ul id="showaddr">
							<!-----显示收货地址----->
						</ul>

						<div class="clear"></div>
					</div>
					<!--物流 -->
					<div class="logistics">
						<h3>选择物流方式</h3>
						<ul class="op_express_delivery_hot">
							<li data-value="yuantong" class="OP_LOG_BTN  "><i class="c-gap-right" style="background-position:0px -468px"></i>圆通<span></span></li>
							<li data-value="shentong" class="OP_LOG_BTN  "><i class="c-gap-right" style="background-position:0px -1008px"></i>申通<span></span></li>
							<li data-value="yunda" class="OP_LOG_BTN  "><i class="c-gap-right" style="background-position:0px -576px"></i>韵达<span></span></li>
							<li data-value="zhongtong" class="OP_LOG_BTN op_express_delivery_hot_last "><i class="c-gap-right" style="background-position:0px -324px"></i>中通<span></span></li>
							<li data-value="shunfeng" class="OP_LOG_BTN  op_express_delivery_hot_bottom"><i class="c-gap-right" style="background-position:0px -180px"></i>顺丰<span></span></li>
						</ul>
					</div>
					<div class="clear"></div>

					<!--支付方式-->
					<div class="logistics">
						<h3>选择支付方式</h3>
						<ul class="pay-list">
							<li class="pay card"><img src="/Public/images/wangyin.jpg" />银联<span></span></li>
							<li class="pay qq"><img src="/Public/images/weizhifu.jpg" />微信<span></span></li>
							<li class="pay taobao"><img src="/Public/images/zhifubao.jpg" />支付宝<span></span></li>
						</ul>
					</div>
					<div class="clear"></div>

					<!--订单 -->
					<div class="concent">
						<div id="payTable">
							<h3>确认订单信息</h3>
							<div class="cart-table-th">
								<div class="wp">

									<div class="th th-item">
										<div class="td-inner">商品信息</div>
									</div>
									<div class="th th-price">
										<div class="td-inner">单价</div>
									</div>
									<div class="th th-amount">
										<div class="td-inner">数量</div>
									</div>
									<div class="th th-sum">
										<div class="td-inner">金额</div>
									</div>
									<div class="th th-oplist">
										<div class="td-inner">配送方式</div>
									</div>

								</div>
							</div>
							<div class="clear"></div>
						<volist name="data" id="vo">
							<tr class="item-list">
								<div class="bundle  bundle-last">

									<div class="bundle-main">
										<ul class="item-content clearfix delfather">
											<input type="hidden" class="shopcart_id" value="<{$vo.shopcart_id}>" />
											<div class="pay-phone">
												<li class="td td-item">
													
													<div class="item-pic">
														<a href="#" class="J_MakePoint">
															<img src="<{$vo.picture}>" class="itempic J_ItemImg"></a>
													</div>
													<div class="item-info">
														<div class="item-basic-info">
															<a href="#" class="item-title J_MakePoint" data-point="tbcart.8.11"><{$vo.title}></a>
														</div>
													</div>
												</li>
												<li class="td td-info">
													<div class="item-props">
														<span class="sku-line"><{$vo.kouwei.0}><{$vo.kouwei.1}></span>
													</div>
												</li>
												<li class="td td-price">
													<div class="item-price price-promo-promo">
														<div class="price-content">
															<em class="J_Price price-now"><{$vo.cxprice}></em>
														</div>
													</div>
												</li>
											</div>
											<li class="td td-amount">
												<div class="amount-wrapper ">
													<div class="item-amount ">
														<span class="phone-title">购买数量</span>
														<div class="sl">
															<input class="min am-btn" name="" type="button" onclick="
															reduce(this)" value="-" />
															<input class="text_box" name="" type="text" value="<{$vo.count}>" style="width:30px;" />
															<input class="add am-btn" name="" type="button" onclick="add(this)" value="+" />
														</div>
													</div>
												</div>
											</li>
											<li class="td td-sum">
												<div class="td-inner">
													<em tabindex="0" class="J_ItemSum number"><{$vo.num}></em>
												</div>
											</li>
											<li class="td td-oplist">
												<div class="td-inner">
													<span class="phone-title">配送方式</span>
													<div class="pay-logis">
														快递<b class="sys_item_freprice">包邮</b>
													</div>
												</div>
											</li>

										</ul>
										<div class="clear"></div>

									</div>
							</tr>
							</volist>
							<div class="clear"></div>
							</div>

							</div>
							<div class="clear"></div>
							<div class="pay-total">
						<!--留言-->
							<div class="order-extra">
								<div class="order-user-info">
									<div id="holyshit257" class="memo">
										<label>买家留言：</label>
										<input type="text" title="选填,对本次交易的说明（建议填写已经和卖家达成一致的说明）" placeholder="选填,建议填写和卖家达成一致的说明" class="memo-input J_MakePoint c2c-text-default memo-close">
										<div class="msg hidden J-msg">
											<p class="error">最多输入500个字符</p>
										</div>
									</div>
								</div>

							</div>
							<!--优惠券 -->
							<div class="buy-agio">
								<li class="td td-coupon">

									<span class="coupon-title">优惠券</span>
									<select data-am-selected>
										<option value="a">
											<div class="c-price">
												<strong>￥8</strong>
											</div>
											<div class="c-limit">
												【消费满95元可用】
											</div>
										</option>
										<option value="b" selected>
											<div class="c-price">
												<strong>￥3</strong>
											</div>
											<div class="c-limit">
												【无使用门槛】
											</div>
										</option>
									</select>
								</li>

								<li class="td td-bonus">

									<span class="bonus-title">红包</span>
									<select data-am-selected>
										<option value="a">
											<div class="item-info">
												¥50.00<span>元</span>
											</div>
											<div class="item-remainderprice">
												<span>还剩</span>10.40<span>元</span>
											</div>
										</option>
										<option value="b" selected>
											<div class="item-info">
												¥50.00<span>元</span>
											</div>
											<div class="item-remainderprice">
												<span>还剩</span>50.00<span>元</span>
											</div>
										</option>
									</select>

								</li>

							</div>
							<div class="clear"></div>
							</div>
							<!--含运费小计 -->
							<div class="buy-point-discharge ">
								<p class="price g_price ">
									合计（含运费） <span>¥</span><em class="pay-sum"><{$sum}></em>
								</p>
							</div>

							<!--信息 -->
							<div class="order-go clearfix" >
								<div class="pay-confirm clearfix">
		<div class="box">
			<div tabindex="0" id="holyshit267" class="realPay"><em class="t">实付款：</em>
				<span class="price g_price ">
		<span>¥</span> <em class="style-large-bold-red " id="J_ActualFee"><{$sum}></em>
				</span>
			</div>
			<input type="hidden" id="addr_id" value="<{$addr.addr_id}>">
			<div id="holyshit268" class="pay-address">

				<p class="buy-footer-address">
					<span class="buy-line-title buy-line-title-type">寄送至：</span>
					<span class="buy--address-detail">
						<span class="province" id="province1"><{$addr.province}></span>
						<span class="city" id="city1"><{$addr.city}></span>市
						<span class="dist"id="dist1"><{$addr.area}></span>区
						<span class="street"id="street1"><{$addr.addr}></span>
						</span>
					</span>
				</p>
				<p class="buy-footer-address">
					<span class="buy-line-title" >收货人：</span>
					<span class="buy-address-detail">   
			 <span class="buy-user" id="user_nickname1"><{$addr.user_nickname}> </span>
					<span class="buy-phone" id="mobile_no1"><{$addr.mobile_no}></span>
					</span>
				</p>
			</div>
		</div>

		<div id="holyshit269" class="submitOrder">
			<div class="go-btn-wrap">
				<a id="J_Go" class="btn-go" tabindex="0" title="点击此按钮，提交订单"onclick="tjorder(this)">提交订单</a>
			</div>
		</div>
		<div class="clear"></div>
	</div>
							</div>
						</div>

						<div class="clear"></div>
					</div>
				</div>
				 <include file="./Application/Admin/View/Share/footer.html"/>
			</div>
			<div class="theme-popover-mask"></div>
			<div class="theme-popover">

				<!--标题 -->
				<div class="am-cf am-padding">
					<div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">新增地址</strong> / <small>Add address</small></div>
				</div>
				<hr/>

				<div class="am-u-md-12">
					<form class="am-form am-form-horizontal">

						<div class="am-form-group">
							<label for="user-name" class="am-form-label">收货人</label>
							<div class="am-form-content">
								<input type="text" id="user-name" placeholder="收货人">
							</div>
						</div>

						<div class="am-form-group">
							<label for="user-phone" class="am-form-label">手机号码</label>
							<div class="am-form-content">
								<input id="user-phone" placeholder="手机号必填" type="email">
							</div>
						</div>

						<div class="am-form-group">
							<label for="user-phone" class="am-form-label">所在地</label>
							<div class="am-form-content address">
								<select data-am-selected>
									<option value="a">浙江省</option>
									<option value="b">湖北省</option>
								</select>
								<select data-am-selected>
									<option value="a">温州市</option>
									<option value="b">武汉市</option>
								</select>
								<select data-am-selected>
									<option value="a">瑞安区</option>
									<option value="b">洪山区</option>
								</select>
							</div>
						</div>

						<div class="am-form-group">
							<label for="user-intro" class="am-form-label">详细地址</label>
							<div class="am-form-content">
								<textarea class="" rows="3" id="user-intro" placeholder="输入详细地址"></textarea>
								<small>100字以内写出你的详细地址/Public.</small>
							</div>
						</div>

						<div class="am-form-group theme-poptit">
							<div class="am-u-sm-9 am-u-sm-push-3">
								<div class="am-btn am-btn-danger">保存</div>
								<div class="am-btn am-btn-danger close">取消</div>
							</div>
						</div>
					</form>
				</div>

			</div>

			<div class="clear"></div>
	</body>

</html>
<script id="showaddr-tpl" type="text/html">
	<% for ( i = 0; i < data.length; i++){%>
		<div class="per-border"></div>
			<li onclick="daddr(this,<%=data[i].addr_id%>)"<%if(data[i].status==1){%>class="user-addresslist defaultAddr "<%}else{%>class="user-addresslist"<%}%> >
			
				<div class="address-left">
					<div class="user DefaultAddr">
						<span class="buy-address-detail">   
							<span class="buy-user"id="user_nickname"><%=data[i].user_nickname%> </span>
							<span class="buy-phone" id="mobile_no"><%=data[i].mobile_no%></span>
						</span>
					</div>
					<div class="default-address ">
						<span class="buy-line-title buy-line-title-type">收货地址：</span>
						<span class="buy--address-detail">
							<span class="province"id="province"><%=data[i].province%></span>
							<span class="city"id="city"><%=data[i].city%></span>
							<span class="dist"id="area"><%=data[i].area%></span>
							<span class="street"id="addr"><%=data[i].addr%></span>
						</span>
						</span>
					</div>
					<ins <%if(data[i].status==1){%>class="deftip"<%}else{%>class="deftip hidden"<%}%>>默认地址</ins>
				</div>
				<div class="address-right">
					<a href="/Public/person/address.html">
						<span class="am-icon-angle-right am-icon-lg"></span></a>
				</div>
				<div class="clear"></div>

				<div class="new-addr-btn">
					<a href="#" onclick="moren(<%=data[i].addr_id%>)" id="a<%=data[i].status%>" <%if(data[i].status==1){%>class="hidden"<%}%>>设为默认</a>
					<span class="new-addr-bar hidden">|</span>
					<a href="#">编辑</a>
					<span class="new-addr-bar">|</span>
					<a href="javascript:void(0);" onclick="delClick(this);">删除</a>
				</div>
			</li>
	<%}%>
	<script type="text/javascript" src="/Public/js/address.js"></script>		
</script>
	
<script>
function geturl(name) {
    var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
    var r = window.location.search.substr(1).match(reg);
    if (r != null) {
        return unescape(r[2]);
    }
    return null;
}
var shopcart_id = geturl("shop_id");
function show(){
	var prices =0;
	$.get('/Api/Person/show',null,function(ret){
		if(ret.staus == true ){
			var html = template('showaddr-tpl',ret);
			$('#showaddr').html(html);
			$('.J_ItemSum').each(function(){
					var price=$(this).text();
					prices=prices+parseFloat(price);
			});
			$('.pay-sum').text(prices);
			$('#J_ActualFee').text(prices);
		}else{
			alert("未知错误");
		}
	});		
}
show();
function moren(obj){
	$.get('/Api/Person/moren',{addr_id:obj},function(ret){
		if(ret.staus == true ){
			$('#a1').parent('.user-addresslist').addClass("defaultAddr").siblings().removeClass("defaultAddr");
			$('#a1').parent('.user-addresslist').find("ins").addClass("deftip").siblings().removeClass("hidden");
			show();
		}else{
			alert("未知错误");
		}
	});	
}
function delClick(obj){
	var conf=window.confirm("确认删除");
	if(conf==true){
		$.get('/Api/Person/delClick',{addr_id:obj},function(ret){
			if(ret.staus == true ){
				alert("删除成功");
				show();
			}else{
				alert("未知错误");
			}
		});	
	}
}
function daddr(obj,obk){
	var user_nickname = $(obj).find('#user_nickname').text();
	var mobile_no = $(obj).find('#mobile_no').text();
	var province =$(obj).find('#province').text();
	var city = $(obj).find('#city').text();
	var area = $(obj).find('#area').text();
	var addr =$(obj).find('#addr').text();
	$("#user_nickname1").html(user_nickname);
	$("#mobile_no1").html(mobile_no);
	$("#province1").html(province);
	$("#city1").html(city);
	$("#dist1").html(area);
	$("#street1").html(addr);
	$("#addr_id").val(obk);
}
function reduce(obj){
	var prices =0;
	var shopcart_id = $(obj).parents('.delfather').find(".shopcart_id").val();
	var count = $(obj).parent('.sl').find(".text_box").val()-1;//真实值比count大1
	var cxprice = $(obj).parents('.delfather').find(".td-price").find(".price-now").text();
	$.get('/Api/Shop/reduce',{shopcart_id:shopcart_id,count:count},function(ret){
			if(ret.staus == true){	
				if(count <= 1){
					$(obj).parent('.sl').find(".text_box").val('1');
					$(obj).attr("style","display:none");
					$(obj).parent(".td-amount").parent(".item-content").find(".td-sum").find(".number").text(cxprice);
				}else{
					var num = count*cxprice;
					$(obj).parents(".item-content").find(".td-sum").find(".number").text(num);
					$('.J_ItemSum').each(function(){
						var price=$(this).text();
						prices=prices+parseFloat(price);
					});
					$(obj).parents(".concent").find('.pay-sum').text(prices);
					$(obj).parents(".concent").find('#J_ActualFee').text(prices);
				}			
			}else{
				alert("未知错误！");
			}
		});		
}
function add(obj){
	var prices =0;
	var shopcart_id = $(obj).parents('.delfather').find(".shopcart_id").val();
	var count = $(obj).parent('.sl').find(".text_box").val();//真实值比count大1
	count++;
	var cxprice = $(obj).parents('.delfather').find(".td-price").find(".price-now").text();
	$.get('/Api/Shop/add',{shopcart_id:shopcart_id,count:count},function(ret){
			if(ret.staus == true){	
				var num = count*cxprice;
				$(obj).parents(".item-content").find(".td-sum").find(".number").text(num);	
				$('.J_ItemSum').each(function(){
					var price=$(this).text();
					prices=prices+parseFloat(price);
				});
				$(obj).parents(".concent").find('.pay-sum').text(prices);
				$(obj).parents(".concent").find('#J_ActualFee').text(prices);	
			}else{
				alert("未知错误！");
			}
		});		
}
function tjorder(obj){
	var addr_id = $(obj).parents(".concent").find("#addr_id").val();
	var sum = $(obj).parents('.concent').find("#J_ActualFee").text();
	$.get('/Api/Pay/tjorder',{addr_id:addr_id,sum:sum},function(ret){
			if(ret.staus == true){	
				location.href="/Home/Pay/success?sum="+sum+"&addr_id="+addr_id;
			}else{
				//alert("未知错误！");
			}
		});		
}
</script>	
	
